.contact{
    background: url(../images/sec_backgo.webp);
    padding: 4rem 0;
    background-repeat: no-repeat;
    background-size: cover;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.contact .container h3{
    text-align: center;
}

.contact .container p{
    text-align: center;
}

.row .rgt{
    display: flex;
    align-items: center;
}

.row .rgt img{
    width: 100%;
}

.row .rgt .img_mask{
    -webkit-mask-image: url(../images/bg_mask.png);
    -webkit-mask-size: 100% 100%;
}

.row .lft .card{
    padding: 3rem 0;
}

.row .lft form{
    width: 80%;
    margin: auto;
}


.row .lft .was_validate input:invalid{
    /* border-color:#d00; */
    box-shadow: 0px 0px 3px 0px #d00;
}

.row .lft .was_validate input:invalid + .invalid{
    visibility: visible;
}

.row .lft form .invalid{
    color: #d00;
    visibility: hidden;
}

.row .lft form input,
.row .lft form textarea{
    border: none;
    width: 100%;
    height: 50px;
    outline: none;
    background: #c4e0cc5c;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid #c4e0cc5c;
}

.row .lft form input:focus,
.row .lft form textarea:focus{
    /* border: 1px solid #507550; */
    box-shadow: 0px 0px 3px 0px #507550;
}

.row .lft form textarea{
    height: 100px;
}

.row .lft form .smt_btn{
    width: 135px;
    margin: auto;
    position: relative;
    
}

.row .lft form .smt_btn img{
    
    height: 30px;
    /* position: absolute; */
    left: 36%;
}

.row .lft form button{
    padding: 10px;
    border: none;
    border-radius: 10px;
    background: #507550;
    color: #fff;
    transition: .2s;
    cursor: pointer;
    display: flex;
    white-space: nowrap;
    align-items: center;
}

.row .lft form button:hover{
    transform: scale(0.9);
}

@media screen and (max-width:770px) {
    .row .rgt{
        display: none;
    }
    .row .lft{
        width: 100%;
    }
}